@import './reset.less';
@import 'vfonts/FiraSans.css';
@import 'vfonts/FiraCode.css';
:root {
  --fontSize1: 50px;
  --fontSize2: 30px;
  --fontSize3: 24px;
  --fontSize4: 18px;
  --fontSize5: 16px;
  --fontSize6: 14px;
  --containerPadding: 20px;
}
@flex: .flexible;
@{flex}{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  &@{flex}--column{
    height: 100%;
    flex-flow: column;
  }
  &@{flex}--center{
    justify-content: center;
  }
}
@page: .page;
@{page}{
  height: 100%;
  overflow-y: auto;
  padding: 20px @mainBoxPaddingLeftAndRight;
}
